<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="js/jq.js"></script>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/list.css">
    <script src="js/api.js"></script>
    <script src="js/moment.js"></script>

    <script src="https://www.qcloudtrtc.com/webrtc-samples/dist/WebRTCAPI.min.js"></script>
    <title>会议列表页</title>
</head>

<body>
    <div class="box">
        <div class="title">
            <!-- 标题 -->
            <!-- 广电应急视频指挥沟通平台 -->
            <div class="time">
                <div class="week"></div>

                <div class="year"></div>

                <div class="hour"></div>

            </div>
            <div class="out">退出登录</div>
            <script>
                moment.locale("zh-cn");
                $(".week").html(moment().format('dddd'))
                $(".year").html(moment().format("YYYY 年 MMM Do"))
                $(".out").bind("click", function (e) {
                    quitRTC();
                    // console.log(e)
                    localStorage.setItem("token", "")
                    alert("退出成功")
                    history.go(-1)

                });
                setInterval(() => {
                    $(".hour").html(moment().format("LTS"))
                }, 1000);
                setInterval(() => {
                    $.getJSON(apiUrl.urls + apiUrl.geLogin,
                        {
                            token: localStorage.getItem("token"),
                        },
                        function (json) {
                            if (json.code == "401") {
                                quitRTC();
                                localStorage.setItem("token", "")
                                alert("登录超时，或账号已在其他端登录，请重新登录")
                                history.go(-1)
                            }
                        })
                }, 30000);
            </script>
        </div>

        <div class="content">
            <div class="content_left">
                <!-- 内容左侧 -->
                <div class="content_left_box">
                    <!-- 会议室列表 -->
                </div>
                <div class="content_left_flag">
                    <!-- <img src="images/botton.png" alt=""> -->
                </div>
            </div>
            <div class="content_middle">
                <!-- 内容中间 -->
                <div class="video_box">
                    <!-- 会议视频 -->
                    <div class="titles">
                        等待加入沟通平台.....
                    </div>
                </div>
                <div class="onlinenum">在线人数：<span id="onlinenum">0</span></div>
                <div class="video_btn_box">
                    <!-- 功能按钮 -->
                    <!-- <div class="submitInput red"><img src="images/close.png" alt="">挂断</div>
                    <div class="submitInput down"><img src="images/down.png" alt="">本地静音</div> -->
                    <div class="submitInput red">挂断</div>
                    <div class="submitInput down">本地静音</div>
                </div>
            </div>
            <div class="content_down">
                <!-- 内容右侧 -->

                <!-- 参会用户 -->
                <div class="uesr_box">
                    <!-- 默认dom样式 -->
                    <!-- <div class="suer_model">
                        <img src="images/people.png" alt="">
                    </div> -->

                </div>

            </div>

            <div class="content_right"></div>

        </div>
    </div>

</body>
<script src="js/lib-generate-test-usersig.min.js"></script>
<script src="js/index.js"></script>

<script>
    // var voice = "open" ;
    $(".red").bind("click", function (e) {
        quitRTC();
    });
    $(".down").bind("click", function (e) {
        lacalStream.muteAudio();
    });
</script>

</html>